<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<!-- IE 浏览器运行最新的渲染模式-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 启用响应式特性 -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 双核使用webkit内核 -->
<meta name="renderer" content="webkit">
<title>订单列表</title>
<link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="../css/common.css" rel="stylesheet">
<link href="../css/corptravel.css" rel="stylesheet">
<link href="../css/enterprise.css" rel="stylesheet">
<!-- IconFont图标 -->
<link href="../css/iconfont.css" rel="stylesheet">
<script src="../js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="../js/bootstrap.min.js"></script>
<!-- 兼容IE8 -->
<!--[if lte IE 9]>
<script type="text/javascript" src="../../js/html5shiv.min.js"></script>
<script type="text/javascript" src="../../js/respond.min.js"></script>
<![endif]-->

<!-- layer弹框 2.1 -->
<script type="text/javascript" src="../js/layer/layer.js"></script>
<script>
$(document).ready(function() {	
	$(".qiye01").click(function(){  //查看企业
	   layer.open({
       type: 1,
       shift: 2,  //出场动画
       area: ['400px', '550px'],
	   title :'企业详情',
       shadeClose: true, //开启遮罩关闭
       content: '<div class="pad-15">  <form class="form-horizontal">    <div class="form-group">      <label for="label" class="col-sm-4 control-label"><span class="red">*</span> 公司名称</label>      <div class="col-sm-8">        <p class="form-control-static">四川龙翔国际旅行社</p>      </div>    </div>    <div class="form-group">      <label for="label4" class="col-sm-4 control-label"><span class="red">*</span> 所在城市</label>      <div class="col-sm-8">        <p class="form-control-static">成都</p>      </div>    </div>    <div class="form-group">      <label for="label" class="col-sm-4 control-label"><span class="red">*</span> 公司性质</label>      <div class="col-sm-8">        <p class="form-control-static">上市公司</p>      </div>    </div>    <div class="form-group">      <label for="label2" class="col-sm-4 control-label"><span class="red">*</span> 所属行业</label>      <div class="col-sm-8">        <p class="form-control-static">计算机/互联网/通信/电子</p>      </div>    </div>    <div class="form-group">      <label for="label3" class="col-sm-4 control-label">公司规模</label>      <div class="col-sm-8">        <p class="form-control-static">200-500人</p>      </div>    </div>    <div class="form-group">      <label for="" class="col-sm-4 control-label">固定电话</label>      <div class="col-sm-8">        <p class="form-control-static">028-12345678</p>      </div>    </div>    <div class="form-group">      <label for="" class="col-sm-4 control-label">传真</label>      <div class="col-sm-8">        <p class="form-control-static">028-12345678</p>      </div>    </div>    <div class="form-group">      <label for="" class="col-sm-4 control-label">Email</label>      <div class="col-sm-8">        <p class="form-control-static">wangbaoqiang@720u.com</p>     </div>    </div>    <div class="form-group">      <div class="col-sm-offset-4 col-sm-8">  <button type="submit" class="btn btn-primary qiye02">修改</button>        <button type="submit" class="btn btn-default" onClick="javascript:window.history.back(-1);">返回</button>      </div>    </div>  </form></div>'
       });
	});
	
	$(".qiye02").click(function(){  //添加企业
	   layer.open({
       type: 1,
       shift: 2,  //出场动画
       area: ['400px', '550px'],
	   title :'添加企业',
       shadeClose: true, //开启遮罩关闭
       content: '<div class="pad-15">  <form class="form-horizontal">  <div class="form-group">      <label for="label" class="col-sm-4 control-label"><span class="red">*</span> 公司名称</label>      <div class="col-sm-8">        <input type="text" class="form-control" id="label" placeholder="请输入公司名称" />      </div>    </div>    <div class="form-group">      <label for="label" class="col-sm-4 control-label"><span class="red">*</span> 所在城市</label>      <div class="col-sm-8">        <input type="text" class="form-control" id="label" placeholder="请输入所在城市" />      </div>    </div>    <div class="form-group">      <label for="label" class="col-sm-4 control-label"><span class="red">*</span> 公司性质</label>      <div class="col-sm-8">        <select name="select" class="form-control">          <option>外资 </option>          <option>合资</option>          <option>国企</option>          <option>民营</option>          <option>上市公司</option>          <option>政府机关</option>          <option>事业单位</option>          <option>非盈利机关</option>        </select>      </div>    </div>    <div class="form-group">      <label for="label2" class="col-sm-4 control-label"><span class="red">*</span> 所属行业</label>      <div class="col-sm-8">        <select name="select2" class="form-control">          <option>计算机/互联网/通信/电子 </option>         <option>会计/金融/银行/保险</option>          <option>贸易/消费/制造/营运</option>          <option>制药/医疗</option>          <option>广告/媒体</option>          <option>房地产/建筑</option>          <option>专业服务/教育/培训</option>          <option>服务业</option>          <option>物流/运输</option>          <option>能源/原材料</option>          <option>政府/非盈利机构/其他</option>        </select>      </div>    </div>    <div class="form-group">      <label for="label3" class="col-sm-4 control-label">公司规模</label>      <div class="col-sm-8">        <select name="select3" class="form-control">          <option>少于50人 </option>          <option>50-100人</option>          <option>100-200人</option>          <option>200-500人</option>          <option>500-1000人</option>          <option>1000人以上</option>        </select>      </div>    </div>    <div class="form-group">     <label for="" class="col-sm-4 control-label">固定电话</label>      <div class="col-sm-8">        <input type="text" class="form-control" id="" placeholder="请输入座机号">      </div>    </div>    <div class="form-group">     <label for="" class="col-sm-4 control-label">传真</label>      <div class="col-sm-8">        <input type="text" class="form-control" id="" placeholder="请输入QQ号">      </div>    </div>    <div class="form-group">      <label for="" class="col-sm-4 control-label">Email</label>      <div class="col-sm-8">        <input type="text" class="form-control" id="" placeholder="请输入Email">      </div>    </div>    <div class="form-group">      <div class="col-sm-offset-4 col-sm-8">        <button type="submit" class="btn btn-primary">确定</button>        <button type="submit" class="btn btn-default" onClick="javascript:window.history.back(-1);">取消</button>      </div>    </div></form></div>'
       });
	});
	
	$(".qiye03").click(function(){  //组织架构
	   layer.open({
       type: 2,
       shift: 2,  //出场动画
       area: ['800px', '80%'],
	   title :'组织架构',
       shadeClose: true, //开启遮罩关闭
       content: '新组织架构.html'
       });
	});
	
	$(".qiye04").click(function(){  //参数设置
	   layer.open({
       type: 1,
       shift: 2,  //出场动画
       area: ['360px', '180px'],
	   title :'参数设置',
       shadeClose: true, //开启遮罩关闭
       content: '<div class=" pad-15 "><form class="form-horizontal">        <div class="form-group">            <label for="inputEmail3" class="col-sm-4 control-label">公司统一后返</label>            <div class="col-sm-8">              <input type="text" class="form-control w100 mar-right-10 " style=" display:inline-block;" id="inputEmail3" placeholder="费率">‰                    </div>          </div> <div class="form-group">            <div class="col-sm-offset-4 col-sm-8">              <button type="submit" class="btn btn-primary" onClick="javascript: history.go(-1);">确定</button>            </div>          </div>        </form>          </div>'
       });
	});
	
	$(".qiye05").click(function(){  //企业状态
	   layer.confirm('您确定要禁用该企业？', {
	   title :'企业状态',
       btn: ['确定','取消'] //按钮
       }, function(){
       layer.msg('该企业已禁用', {icon: 1});
       });
	});
	
	
});
</script>


</head>
<body class="bg-body">
<!-- header -->
<nav class="navbar navbar-default navbar-fixed-top bg-white" >
<!-- 小导航 -->
<nav class="navbar navbar-default" style=" min-height:30px; line-height:30px; margin-bottom:0px; border-radius:0;">
  <div class="container font12">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
     <!-- <span style=" margin-left:-15px; margin-right:20px;">企业商旅管理</span>-->
    </div>
   <ul class="nav navbar-nav nav-top-small userinfo" style="margin-left:-15px;">
   	<li class="dropdown"><a href="../user/login.html" class="dropdown-toggle">
   			请登录</a>
   	</li>
   </ul>
<ul class="nav navbar-nav navbar-right nav-top-small">
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <i class="icon iconfont font14 " style=" vertical-align:middle;"  >&#xe62b;</i> 028-12345678 <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#">（或）028-12345678</a></li>
            <li><a href="#">（或）028-12345678</a></li>
            <!--<li role="separator" class="divider"></li>-->
          </ul>
        </li>
        
      </ul>
    <ul class="nav navbar-nav navbar-right nav-top-small">
        <li><a href="../帮助中心/help.html">帮助中心</a></li>
        
      </ul>
  </div>
</nav>
<!-- 小导航结束 -->

  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class=" " href="差旅报告/汇总.html" ><img src="../img/logo.png" width="210" height="70" alt="系统LOGO" class="pull-left mar-right-30" style="margin-left:-15px;" ></a>
      <!--<h4 class="navbar-brand font24" >成都万里行科技发展有限公司</h4>-->
    </div>
    
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav navbar-right">
        <li  ><a href="../index.html"><i class="icon iconfont icon-nav-block font24" >&#xe620;</i> 在线预订</a></li>
         <li class="active"><a href="../order/orderList.html"><i class="icon iconfont icon-nav-block font24" >&#xe61c;</i> 订单管理</a></li>
        
      </ul>
    </div><!-- /.navbar-collapse -->
    
  </div>
</nav>
<!-- header end -->

<!-- 管理模板 -->
<div class="container bg-gray-eee box-shadow mar-bottom-30" style="padding-right:0px; padding-left:0px; position:relative; margin-top:120px;">
 <!-- nav -->
   
  <!-- nav end --> 

<!-- main -->
  <div class="rightCon">
    <!-- 引导 -->
    <ol class="breadcrumb">
      <li>首页</li>
  
      <li>订单管理</li> 
      <li>订单列表</li>
      <li class="active">订单详情</li>
    </ol>
    <!-- 引导结束 -->

    <h3>订单信息</h3>
    <table id="flightInfo" border="0" cellspacing="0" cellpadding="0" class="table font12  v-align-top bor-bottom-solid-1" >
      <tr class=" bg-gray-f5">
        <th style="width:20%">行程（单程）</th>
        <th style="width:25%">起飞时间/机场</th>
        <th style="width:25%">到达时间/机场</th>
        <th style="width:15%">航班号</th>
        <th style="width:15%">舱位</th>
      </tr>
			
     <!-- 航班信息 -->
		 
    </table>
        <table id="orderInfo" border="0" cellspacing="0" cellpadding="0" class="table font12  v-align-top bor-bottom-solid-1" >
      <tr class="bg-gray-f5">
        <th>下单时间</th>
        <th>订单编号</th>
        <th>订单状态</th>
        <th class=" bg-gray-f5 text-right">结算总价</th>
        </tr>
				
				<!-- 订单信息 -->
      
    </table>
    <!--<h5 id="liebiao" class="mar-left-20" style="cursor:pointer; color:#337ab7;" align="right">退改签说明&nbsp;</h5>-->
<div id="biaoge" style="display:none;">
        <table border="0" cellspacing="0" cellpadding="0" class="table font12  table-bordered table-striped v-align-top bor-bottom-solid-1 mar-left-20" style="width:1100px;">
      <tr class=" bg-gray-f5-f5">
        <th>乘机人类型</th>
        <th>退改签时间节点</th>
        <th>退票手续费</th>
        <th>改期加收手续费</th>
        <th>签转</th>
      </tr>
      <tr>
        <td rowspan="2" class="font16">成人票</td>
        <td><p>起飞前</p></td>
        <td>￥355/人</td>
        <td>￥213/人</td>
        <td rowspan="2">不可签转<span style="color:#ff0253; font-size:14px; font-weight:bold;"></span></td>
      </tr>
      <tr class="">
        <td class="bg-white">起飞后</td>
        <td class="bg-white">只退机建燃油</td>
        <td class="bg-white">￥355/人</td>
      </tr>
      
    </table></div>
    
    <h3>政策备注</h3>
    <div class="lh25 pad-10 mar-bottom-20" style="background-color:#f4f2f2;">签转换开跨月改期收回代理费</div>
   
    <h3>乘客信息<small class="mar-left-10" id="people"></small></h3>
    <table id="peopleInfo" border="0" cellspacing="0" cellpadding="0" class="table font12  v-align-top bor-bottom-solid-1" >
      <tr class=" bg-gray-f5">
        <th>乘客姓名</th>
        <th>证件类型</th>
        <th>证件号码</th>
        <th>手机号码</th>
        <th>类型</th>
        <th>票面价</th>
        <th>机建燃油</th>
        <th class="text-right">结算价</th>
      </tr>
     <!-- 乘客信息 -->
    </table>
    
<h3>保险信息</h3>
        <table border="0" cellspacing="0" cellpadding="0" class="table font12  v-align-top bor-bottom-solid-1" >
      <tr class="bg-gray-f5">
        <th>姓名</th>
        <th>保险名称</th>
        <th>份数</th>
        <th>保单号</th>
        <th>状态</th>
        <th class="text-right">销售价</th>
        </tr>
      <tr class="">
        <td>吴光团</td>
        <td>PICC 航意险 A款</td>
        <td>1份</td>
        <td>605137813164008</td>
        <td>出保成功</td>
        <td align="right" style="color:#ff0253; font-size:14px; font-weight:bold;">40.00</td>
        </tr>
    </table>    
    <h3>支付信息</h3>
    <table border="0" cellspacing="0" cellpadding="0" class="table  font12  v-align-top bor-bottom-solid-1" >
      <tr class="bg-gray-f5">
        <th>方式</th>
        <th>时间</th>
        <th>交易号</th>
        <th>付款单位</th>
        <th>付款账号</th>
        <th>收款单位</th>
        <th>收款账号</th>
        <th>金额</th>
        <th>收支</th>
        <th>状态</th>
        <th>业务类型</th>
      </tr>
      <tr class="">
        <td>预存款</td>
        <td>16-01-15 11:09</td>
        <td>TD1601151110166104919</td>
        <td><abbr title="四川方法数码科技公司">方法数码</abbr></td>
        <td>111122223333444</td>
        <td><abbr title="四川龙翔国际旅行社">四川龙翔</abbr></td>
        <td>111122223333444</td>
        <td>820.00</td>
        <td>支</td>
        <td>已支</td>
        <td>机票款</td>
      </tr>
    </table>
<!--<h3>保险信息</h3>
        <table border="0" cellspacing="0" cellpadding="0" class="table font12  v-align-top bor-bottom-solid-1" >
      <tr class="bg-gray-f5">
        <th>姓名</th>
        <th>保险名称</th>
        <th>单价</th>
        <th>份数</th>
        <th>保单号</th>
        <th>状态</th>
        </tr>
      <tr class="">
        <td>孙靖</td>
        <td>PICC 航意险 A款</td>
        <td>30.00</td>
        <td>1份</td>
        <td>605137813164008</td>
        <td>出保成功</td>
        </tr>
    </table>-->
    <div class="text-center"><input type="button" value="返回" class="btn btn-default" onClick="javascript: history.go(-1);"></div>
    <div class="clearfix"></div>
    
  </div>
    
   
  </div>
<!-- main end -->

</div>
<!-- 管理模板 结束 -->


<script type="text/javascript"> 
$("#liebiao").click(
		function(){
       $("#biaoge").slideToggle();
 
});
</script>

<script>
	function getQueryVariable(variable) {
		let query = window.location.search.substring(1);
		let vars = query.split("&");
		for (let i = 0; i < vars.length; i++) {
			let pair = vars[i].split("=");
			if (pair[0] == variable) {
				return pair[1];
			}
		}
		return (false);
	}
	
	$(function(){
		var ticketId = getQueryVariable("ticketId");
		if(ticketId == false){
			window.location.href = "../index.html";
		}
     $.ajax({
			 url:"../../api/searchOrder.action/ticketId/"+ticketId,
			 type:"get",
			 data:{},
			 success:function(data){
				 $("#flightInfo tbody").append('<tr class=""><td class="font16"><strong class="blue-0093dd">'+
				 data.flightInfo.departure+'</strong> <span class="font12">至</span> <strong class="blue-0093dd">'+
				 data.flightInfo.destination+'</strong></td><td><p>'+data.flightInfo.startTime+' 凤凰国际机场</p></td>'+
        '<td><p>'+data.flightInfo.endTime+' 太平国际机场</p></td><td>（'+data.flightInfo.airline+'）'+data.flightInfo.flightNumber+
				'</td><td>'+data.flightInfo.shippingSpace+'</td></tr>');
				
				$("#orderInfo tbody").append('<tr class=""><td>'+data.flightInfo.orderTime+'</td>'+
        '<td>'+data.flightInfo.orderNumber+'</td><td>'+data.flightInfo.orderStatus+'</td>'+
        '<td align="right" style="color:#ff0253; font-size:14px; font-weight:bold;">'+data.flightInfo.price+'</td></tr>');
				
				$("#people").text("联系人："+data.flightInfo.personName+"（"+data.flightInfo.personPhone+"）");
				
				$.each(data.flightInfo.flightPeoples,function(i,e){
					$("#peopleInfo tbody").append('<tr class=""><td>'+e.realName+'</td>'+
          '<td>身份证</td><td>'+e.idCard+'</td>'+
          '<td>'+data.flightInfo.personPhone+'</td>'+
          '<td>'+e.type+'</td>'+
          '<td>'+e.price+'</td>'+
          '<td>'+e.insurancePrice+'</td>'+
          '<td align="right" style="color:#ff0253; font-size:14px; font-weight:bold;">'+(Number(e.price)+
					Number(e.insurancePrice))+'</td></tr>');
				});
				
			 },
			 error:function(error){
				 console.log(error);
				 if(error.status==403){
				 	window.location.href="../user/login.html";
				 }
			 }
		 })
	});
	
	/* 用户退出 */
	function logout(){
		$.ajax({
			url: "../../api/logout.action",
			type: "get",
			data: {},
			success: function(data) {
				window.location.href="../index.html";
			}
		});
	}
	
	/* 用户信息 */
	$.ajax({
		url: "../../api/getUserName.action",
		type: "get",
		success: function(data) {
				$(".userinfo").html("");
				$(".userinfo").append(
					'<li class="dropdown"><a href="javascript:;" class="dropdown-toggle"' +
					'data-toggle="dropdown" role="button" aria-haspopup="true" ' +
					'aria-expanded="false">您好，' + data + '<span class="caret"></span></a>' +
					'<ul class="dropdown-menu">' +
					'<li><a href="系统管理/修改密码.html">修改密码</a></li>\n' +
					'<li><a href="javascript:;" onclick="logout()">退出</a></li>' +
					'</ul></li>');
		},
		error: function(error) {
			console.log(error);
			if (error.status == 403) {
				window.location.href = "../user/login.html";
			}
		}
	});
</script>
</body>
</html>
